<div class="product-layout product-grid product-category product-item col-lg-4 col-md-4 col-sm-6 col-xs-6">
  <div class="product-thumb">
    <div class="image product-image">
      <a href="{{  route('goods.show', $data) }}" tppabs="http://shop14.jccms.cn/index.php?route=product/product&amp;path=25&amp;product_id=41">
      <img src="{{Storage::url($data->cover_img)}}" tppabs="" alt="{{$data->name}}" title="{{$data->name}}" class="img-responsive" style="height: 200px"></a>
      <div class="action">
        <div class="action_inner">
          <div class="button-group">

            <button class="wishlist_button" type="button" data-goods_id="{{$data->id}}" data-toggle="tooltip" title=""  data-original-title="收藏了">
              <i class="fa fa-heart"></i>
            </button>

            <button class="compare_button" type="button" data-toggle="tooltip" title="" onclick="compare.add('41');" data-original-title="對比"><i class="fa fa-exchange"></i></button>

            <button class="cart_button" type="button" data-goods_id="{{$data->id}}"><i class="fa fa-shopping-cart"></i></button>		

          </div>
        </div>
      </div>
    </div>
    <div>
      <div class="caption">
        <h5><a href="{{ route('goods.show', $data) }}">{{$data->name}}</a></h5>
        <p class="desc">
         {{ $data->description }}
        </p>
        <p class="price">
          {{$data->price}}
        </p>
        <div class="rating">
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
        </div>
      </div>

      <div class="addtolinks_list">
        <div class="button-group">
          <button type="button" onclick="cart.add('41');" class="" data-toggle="tooltip" title="" data-original-title="加入購物車"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md" style="color:#252526;">加入購物車</span></button>
          <button type="button" class="wishlist_button" data-toggle="tooltip" title="" onclick="wishlist.add('41');" data-original-title="收藏"><i class="fa fa-heart"></i></button>
          <button type="button" class="compare_button" data-toggle="tooltip" title="" onclick="compare.add('41');" data-original-title="對比"><i class="fa fa-exchange"></i></button>
        </div>
      </div>
      
    </div>
  </div>
</div>

<script type="module">
  $(".wishlist_button").on('click', function() {
    console.log('shoucang')
  })
</script>